<div class="content-section implementation GridDemo" id="myContent" >
    <div class="title col-sm-12">
        <div class="col-sm-1">
            <span>审批申请单</span>
        </div>
        <div class="col-sm-11 pull-right">
            <button type="button"
                    class="pull-right"
                    pButton
                    (click)="goBack()"
                    icon="fa-close"
                    style="width: 30px"></button>
        </div>
    </div>
    <form [formGroup]="myForm" class="form-horizontal">
       <app-basic-reason-form #basicReasonForm></app-basic-reason-form>
        <div class="form-group">
            <label class="col-sm-2 control-label">
                <span ngClass="start_red">*</span>执行人组织：</label>
            <div class="col-sm-4 ui-fluid-no-padding">
                <div class="col-sm-6 ui-fluid ui-fluid-no-padding">
                    <input type="text" pInputText
                           readonly
                           formControlName="executor_org"
                           [(ngModel)]="formObj.executor_org"
                           class=" form-control cursor_not_allowed"/>
                    <app-field-error-display [displayError]="isFieldValid('executor_org')" errorMsg="不能为空"></app-field-error-display>
                </div>
                <div class="col-sm-3 ui-fluid-no-padding ui-padding-10px">
                    <button  ngClass="ui-g-12 ui-fluid-no-padding"  pButton type="button" (click)="showPersonDialog()" label="选择"></button>
                </div>
                <div class="col-sm-3 ui-fluid-no-padding ui-padding-10px">
                    <button  ngClass="ui-g-12 ui-fluid-no-padding"  pButton type="button" (click)="clearPersonDialog()" label="清空"></button>
                </div>
            </div>
            <label class="col-sm-2 control-label">下架执行人：</label>
            <div class="col-sm-4 ui-fluid-no-padding ui-fluid">
                <input type="text" pInputText
                       readonly
                       class="form-control cursor_not_allowed"
                      formControlName="executor"
                       [(ngModel)]="formObj.executor"/>
                <app-field-error-display [displayError]="isFieldValid('executor')" errorMsg="不能为空"></app-field-error-display>
            </div>
        </div>
        <div class="form-group ">
            <label class="col-sm-2 control-label">
                <span ngClass="start_red">*</span>
                审批意见：</label>
            <div class="col-sm-10 ui-no-padding-left-15px ui-fluid">
                <textarea [rows]="5" pInputTextarea
                          formControlName="approve_remarks"
                          [(ngModel)]="formObj.approve_remarks"
                          autoResize="autoResize"></textarea>
                <app-field-error-display [displayError]="isFieldValid('approve_remarks')" errorMsg="不能为空"></app-field-error-display>
            </div>
        </div>
        <div class="form-group ">
            <div class="col-sm-12 padding-left-2vw">
                <app-basic-selected-table #basicSelectedTable></app-basic-selected-table>
            </div>
        </div>
        <div class="form-group ">
            <div class="col-sm-12 ui-no-padding-left-15px ">
                <button class="pull-right  ui-button-secondary" pButton type="button"  label="审批驳回" (click)="operate('reject')"></button>
                <button class="pull-right ui-margin-right-10px" pButton type="button" (click)="operate('no')" label="审批拒绝" ></button>
                <button  class="pull-right ui-margin-right-10px" pButton type="button" (click)="operate('yes')" label="审批通过" ></button>
            </div>
        </div>
    </form>
    <app-personel-dialog *ngIf="displayPersonel"
                         (dataEmitter)="dataEmitter($event)"
                         (displayEmitter)="displayEmitter($event)"></app-personel-dialog>
</div>
